<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/index.css">
    <title>Document</title>
</head>

<body>
    <div class="head">
        <div class="head-c">

            <img class="head-img" src="img/logo.png" alt="">
            <ul class="nav">
                <li class="nav-item">
                    <a href="">home</a>
                    <span class="line"></span>
                </li>
                <li class="nav-item">
                    <a href=""> flowers</a>
                    <span class="line"></span>
                </li>
                <li class="nav-item">
                    <a href=""> plants</a>
                    <span class="line"></span>
                </li>
                <li class="nav-item">
                    <a href=""> orders</a>
                    <span class="line"></span>
                </li>
                <li class="nav-item">
                    <a href="">
                        <img src="img/搜索.png" alt="">

                    </a>
                </li>
            </ul>

        </div>
    </div>

    <div class="banner">
        <div class="banner-c">
            <div class="point">
                <span class="point-1"></span>
                <span class="point-1"></span>
                <span class="point-1 m0"></span>
            </div>
        </div>
    </div>

    <div class="conmmodity">
        <div class="conmmodity-c">
            <div class="conmmodity-list">
                <div class="conmmodity-item m0">

                    <div class="item-info">
                        <h3 class="info-p"> Home Decoration
                            <br> in Green
                        </h3>
                        <a class="" href="">
                            see all collection
                        </a>


                    </div>
                </div>


                <div class="conmmodity-item">
                    <div class="item-info">
                        <h3 class="info-p"> If You Were A Cactus <br> In The Desert
                        </h3>
                        <a class="" href="">
                            see all collection
                        </a>


                    </div>
                </div>


                <div class="conmmodity-item">

                    <div class="item-info">
                        <h3 class="info-p"> Valentine’s Day <br> in China
                        </h3>
                        <a class="" href="">
                            see all collection
                        </a>


                    </div>
                </div>

            </div>


            <ul class="mid-nav">
                <li class="nav-item">
                    all
                    <span class="line"></span>
                </li>
                <li class="nav-item">
                    fresh
                    <span class="line"></span>
                </li>
                <li class="nav-item">
                    dried
                    <span class="line"></span>
                </li>
                <li class="nav-item">
                    potted
                    <span class="line"></span>
                </li>
                <li class="nav-item m0">
                    decoration
                    <span class="line"></span>
                </li>
            </ul>

            <div class="product-list">
                <div class="product-item">
                    <img src="img/图2.png" alt="">
                    <p class="desc">
                        <span class="cname">Sunflower</span>
                        <span class="price">$40.30</span>

                    </p>
                    <p class="auth">Bouquet</p>
                </div>
                <div class="product-item">
                    <img src="img/图3.png" alt="">
                    <p class="desc">
                        <span class="cname">Vetiver</span>
                        <span class="price">$12.56</span>
                    </p>
                    <p class="auth">Potted</p>
                </div>
                <div class="product-item">
                    <img src="img/图4.png" alt="">
                    <p class="desc">
                        <span class="cname">Viloet Roses</span>
                        <span class="price">$18.97</span>
                    </p>
                    <p class="auth">Bouquet</p>
                </div>
                <div class="product-item m0">
                    <img src="img/图2.png" alt="">
                    <p class="desc">
                        <span class="cname">Sunflower</span>
                        <span class="price">$40.30</span>
                    </p>
                    <p class="auth">Bouquet</p>
                </div>

            </div>

        </div>
    </div>

    <div class="present">
        <div class="present-c">

            <div class="present-info">
                <h3 class="info-h3">
                    About Us
                </h3>
                <p class="info-p">
                    We publish announcement about us here, this shop so far has been about what we likeand why we like it. In this brief final chapter, I turn to some implications of the essent. If you would like to know more about us I would be happy to have short call
                    with you.
                </p>
                <a class="more" href="">more</a>
            </div>

        </div>
    </div>

    <div class="cover">
        <div class="cover-c">
            <div class="cover-item">
                <div class="cover-hover">
                    <div class="cloud">
                        <div class="cloud-p">Decoration</div>
                        <div class="cloud-p2">design your house</div>
                    </div>
                </div>
            </div>
            <div class="cover-item">
                <div class="cover-hover">
                    <div class="cloud">
                        <div class="cloud-p">Bouquet</div>
                        <div class="cloud-p2">bridal bouquet</div>
                    </div>
                </div>
            </div>
            <div class="cover-item m0">
                <div class="cover-hover">
                    <div class="cloud">
                        <div class="cloud-p">Ornaments</div>
                        <div class="cloud-p2">goods of funiture</div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="join">
        <div class="join-c">
            <h3 class="title">Join Our Newsletter</h3>
            <input type="text" placeholder="Your Emails" name="email" class="email">

            <input type="submit" class="send" value="send">


            <div class="p">In effect, we are saying thar if you want to join us, then you have to become one of us.We bless each of you and look forward to those of you choosing to join us ahead. Would you like to join us?</div>
        </div>
    </div>

    <div class="about">
        <div class="about-c">
            <div class="links">
                <dl>
                    <dt> <img src="img/logo.png" alt=""></dt>
                    <dd>© 2015-2019 Leaf Shop. Flower Family.</dd>
                    <dd></dd>
                </dl>
                <dl>
                    <dt>Locate us</dt>
                    <dd>Phone 0298-930393.</dd>
                    <dd>Email leaf@gamil.com</dd>
                </dl>
                <dl>
                    <dt>Information</dt>
                    <dd>All products</dd>
                    <dd>About us</dd>
                    <dd>Contact us</dd>
                </dl>
                <dl>
                    <dt>Discover</dt>
                    <dd>Flowers</dd>
                    <dd>Bouquet</dd>
                    <dd>Ornaments</dd>
                    <dd>Decoration</dd>
                </dl>
                <dl>
                    <dt>Contact</dt>
                    <dd>Send us by email</dd>
                    <dd>Goodbye</dd>
                </dl>
                <dl>
                    <dt>Download App</dt>
                    <dd><img class="facebook" src="img/FaceBook.png" alt="">
                        <img src="img/ins.png" alt=""></dd>
                </dl>
            </div>



        </div>
    </div>

</body>

</html>